<!doctype html>
<html lang="en" id="tieba_detail" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/tieba_detail.css">
</head>
<body>
    <div class='common-header'>
        <div class='left'>
            <a href="javascript:window.history.back();">
                <i class='iconfont icon-left'></i>
            <a href=""></a>
        </div>
        <div class="middle">贴吧</div>
        <div class="right">
            <a href="javascript:;" @click="goReply">回复</a>
        </div>
    </div>

    <div>
        <div class="tieba-item">
            <!-- <img src="img/tieba-left.png" alt=""> -->
            <img :src="picServer+postInfo.member.headImg" alt="">
            <div class='content'>
                <h2>{{postInfo.title}}<span>楼主: {{postInfo.member.name}}</span></h2>
                <p>{{postInfo.content}}</p>
                <!-- <img src="img/tieba_detail_item.png" alt=""> -->
                <div class="detail">
                    <span>{{postInfo.relaseTime}}</span>
                        <b v-if="postInfo.common!=0">阅读（{{postInfo.look}}）
                        <!-- <i class='iconfont icon-comment'></i> -->
                        <!-- <span>评论</span> -->
                    </b>
                </div>
            </div>
        </div>
        <div class="block"></div>
    </div>

    <div v-for="item in pageAnswer.listArr">
        <div class="tieba-item">
            <!-- <img src="img/tieba-left.png" alt=""> -->
            <img :src="picServer+item.member.headImg" alt="">
            <div class='content'>
                <h2>{{postInfo.title}}<span>{{item.floor}}楼</span></h2>
                <p>{{postInfo.content}}</p>
                <!-- <img src="img/tieba_detail_item.png" alt=""> -->
                <div class="detail">
                    <span>{{item.answerTime}}</span>
                </div>
            </div>
        </div>
        <div class="block"></div>
    </div>

    <p v-if="bottomTxt!=''" class="bottom-text">到底儿了~</p>

    <div class="weui_dialog_confirm" v-if="isReplyShow">
        <div class="weui_mask"></div>
        <div class="weui_dialog">
            <div class="weui_dialog_hd"><strong class="weui_dialog_title">留言内容</strong></div>
            <div class="weui_dialog_bd">

                <textarea v-model="userMsg"></textarea>
            </div>
            <div class="weui_dialog_ft">
                <a @click="goReply" href="javascript:;" class="weui_btn_dialog default">取消</a>
                <a @click="reply()" href="javascript:;" class="weui_btn_dialog primary">发布</a>
            </div>
        </div>
    </div>

</body>

<script>var app = 'tieba_detail';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>